.loop(@counter, @end) when (@counter > @end) {
    .p-@{counter} {
      padding: (1px * @counter);
    }
  
    .p-t-@{counter} {
      padding-top: (1px * @counter);
    }
  
    .p-r-@{counter} {
      padding-right: (1px * @counter);
    }
  
    .p-b-@{counter} {
      padding-bottom: (1px * @counter);
    }
  
    .p-l-@{counter} {
      padding-left: (1px * @counter);
    }
  
    .m-@{counter} {
      margin: (1px * @counter);
    }
  
    .m-t-@{counter} {
      margin-top: (1px * @counter);
    }
  
    .m-r-@{counter} {
      margin-right: (1px * @counter);
    }
  
    .m-b-@{counter} {
      margin-bottom: (1px * @counter);
    }
  
    .m-l-@{counter} {
      margin-left: (1px * @counter);
    }
  
    .w@{counter} {
      width: (1px * @counter);
    }
  
    .h@{counter} {
      height: (1px * @counter);
    }
  
    .fz-@{counter} {
      font-size: (1px * @counter);
    }
  
    
    // n- 为原尺寸，不转rem
  
  
    .n-p-@{counter} {
      padding: (1px * @counter);/*no*/
    }
  
    .n-p-t-@{counter} {
      padding-top: (1px * @counter);/*no*/
    }
  
    .n-p-r-@{counter} {
      padding-right: (1px * @counter);/*no*/
    }
  
    .n-p-b-@{counter} {
      padding-bottom: (1px * @counter);/*no*/
    }
  
    .n-p-l-@{counter} {
      padding-left: (1px * @counter);/*no*/
    }
  
    .n-m-@{counter} {
      margin: (1px * @counter);/*no*/
    }
  
    .n-m-t-@{counter} {
      margin-top: (1px * @counter);/*no*/
    }
  
    .n-m-r-@{counter} {
      margin-right: (1px * @counter);/*no*/
    }
  
    .n-m-b-@{counter} {
      margin-bottom: (1px * @counter);/*no*/
    }
  
    .n-m-l-@{counter} {
      margin-left: (1px * @counter);/*no*/
    }
  
    .n-w@{counter} {
      width: (1px * @counter);/*no*/
    }
  
    .n-h@{counter} {
      height: (1px * @counter);/*no*/
    }
  
    .n-fz-@{counter} {
      font-size: (1px * @counter);/*no*/
    }
  
    .loop((@counter - 1), @end); // 递归调用自身
  }
  
  .loop(400, 300);
  .loop(300, 200);
  .loop(200, 100);
  .loop(100, 0);
  
  .loop1(@counter) when (@counter > 0) {
    .l-h-@{counter} {
      line-height: (1px * @counter);
    }
    .loop1((@counter - 1)); // 递归调用自身
  }
  
  
  
  .loop1(100);
  
  .bold {
    font-weight: bold;
  }
  
  .c_e7 {
    color: #e7c39f;
  }
  
  .c_9e {
    color: #9e9b9b;
  }
  
  .c_000 {
    color: #000;
  }
  .bg-f5 {background-color: #F5F5F5;}
  .zhiyinglistdialog {
    .el-dialog__body {
      padding: 15px;
    }
    .el-table th {
      padding:0;
    }
  }
  .c_88 {
    color: #887d73;
  }
  .c_red {color: #fa413f;}
  .c_green {color: green;}
  .c_666 {
    color: #666666;
  }
  
  .c_999 {
    color: #999999;
  }
  
  .c_5d {
    color: #5d4624;
  }
  
  .c_c3 {
    color: #c3b0a1;
  }
  
  .c_3d {
    color: #3d3028;
  }
  
  .bg_c_3d {
    background-color: #3d3028;
  }
  
  .c_c4 {
    color: #c4b5a9;
  }
  
  .c_78 {
    color: #786e68;
  }
  
  .c_1a {
    color: #1a1715;
  }
  
  .c_63 {
    color: #636363;
  }
  
  .c_fa {
    color: #fa413f;
  }
  .c_192 {color: #19233c;}
  .c_4e {
    color: #4e3207;
  }
  
  .c_af {
    color: #afacac;
  }
  .c_333 {color: #333;}
  .c_82 {
    color: #826543;
  }
  
  .c_b2 {
    color: #b2b2b2;
  }
  
  .c_273 {
    color: #273142;
  }
  
  .c_72 {
    color: #727272;
  }
  
  .c_c1bf {
    color: #c1bfbb;
  }
  
  .bg_c4 {
    background-color: #C4C4C4;
  }
  .c_67 {
    color: #675035;
  }
  .c_3a {color: #3A3A3A;}
  .c_19 {color:#191919;}
  .c_74 {color: #747474;}
  .c_9d {color: #9D9D9D;}
  .c_30 {color: #303030;}
  .pointer {cursor: pointer;}
  .c_585 {color: #585858;}
  .c_000 {color: #000000;}
  .bg-58 {background-color: #585858;}
  .c_5b {color: #5B5B5B;}
  .c_5c {color: #5C5C5C;}
  .bg_c_5c {background-color: #5C5C5C;}
  .c_472 {
    color: #472b00;
  }
  .c_fc {background-color: #F1F1F1;}
  .c_ad {color: #ADADAD;}
  .c_e9 {
    color: #e93323;
  }
  .c_fff {color: #fff;}
  .c_393 {
    color: #393330;
  }
  .data_title_one.disabled {
    background-color: #ddd;
  }
  .back-link:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    background: rgba(0,0,0,.9);
    height: 4px;
    width: 0;
    transition: all ease .5s;
  }

  .view-table {
    .el-table__body-wrapper {
      max-height: calc(100vh - 410px);
      overflow-y: auto;
    }
  }
  .view-table-tab {
    .el-table__body-wrapper {
      max-height: calc(100vh - 480px);
      overflow-y: auto;
    }
  }

  .back-link {
    position: relative;
  }
  .back-link:hover {
    color:#aaa;
  }
  .back-link:hover:after{
    width: 100%;
  }
  .line2 {
    display:-webkit-box;            //将对象作为弹性伸缩盒子模型显示。
    -webkit-box-orient:vertical;    //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
    -webkit-line-clamp:2;
  }
  .op0 {opacity: 0;transform: scale(.1);}
  .pointer {cursor: pointer;}
  .c_5b {
    color: #5b3b0a;
  }
  
  .c_9c {
    color: #9c9c9c;
  }
  
  .c_ce {
    color: #cec0b3;
  }
  
  .c_33 {
    color: #33231d;
  }
  
  .b-r-5 {
    border-radius: 5px;
  }
  
  .l-h-15 {
    line-height: 1.5;
  }
  
  .z-0 {
    z-index: 0;
  }
  
  .z-10 {
    z-index: 10;
  }
  
  .bg_f1 {
    background-color: #f1e3d2;
  }
  .bg-ec {background-color: #ECEFF6;}
  .bg-fff {
    background-color: #fff;
  }
  .ovhidden {overflow: hidden;}
  .absop {
    position: absolute;
  }
  
  .bg_3e {
    background-color: #3e404a;
  }
  .b-r-6 {border-radius: 6px;}
  .shadow-c {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
  }
  .bg-625 {background-color: #625FFE;}
  .c_625 {color: #625FFE;}
  .b-r-15 {
    border-radius: 15px;
  }
  .b-r-14 {
    border-radius: 14px;
  }
  .b-r-12 {
    border-radius: 12px;
  }
  
  .width100 {
    width: 100%;
  }
  
  .height100 {
    height: 100%;
  }
  .b-l-b {border-bottom: 2px solid #DFDFDF;}
  .view {
    display: flex !important;
    flex-direction: column;
  }
  
  .flex-row {
    flex-direction: row;
  }
  
  .flex-1 {
    flex: 1;
  }
  
  .flex-2 {
    flex: 2;
  }
  
  .m-r-j5 {
    margin-right: -0.1rem;
  }
  
  .width50 {
    width: 48%;
  }
  .f-r {float: right;}
  .clipse2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .l-h-1-5 {
    line-height: 1.5;
  }
  
  .flex-wrap {
    flex-wrap: wrap;
  }
  
  .flex-1 {
    flex: 1;
  }
  
  .flex-1-50 {
    flex: 0 0 50%;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-left {
    text-align: left;
  }
  .el-input.twokey2_hands {width: auto !important;}
  .c_f3 {color: rgba(255,255,255,0.30);}
  .justify-start {
    justify-content: flex-start;
  }
  .opt8 {opacity: .8;}
  .justify-end {
    justify-content: flex-end;
  }
  
  .justify-center {
    justify-content: center;
  }
  
  .justify-between {
    justify-content: space-between;
  }
  
  .justify-around {
    justify-content: space-around;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  /*侧轴对齐方式*/
  .align-start {
    align-items: flex-start;
  }
  
  .align-end {
    align-items: flex-end;
  }
  
  .align-center {
    align-items: center;
  }
  
  .align-stretch {
    align-items: stretch;
  }
  
  .b-r-50 {
    border-radius: 50%;
  }
  
  .b-r-5 {
    border-radius: 5px;
  }
  
  .b-r-3 {
    border-radius: 3px;
  }
  
  .sal-5 {
    transform: scale(0.8);
  }
  
  .o-h {
    overflow: hidden;
  }
  
  .line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .one-row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rel {
    position: relative;
  }
  /deep/.dialog-view {
    .el-dialog__body {
      padding: 0px 20px;
    }
    
  }
  ::-webkit-scrollbar {
    width: 7px;
    height: 5px;
    border-radius:15px;
    -webkit-border-radius:  15px;
  }
  ::-webkit-scrollbar-track-piece {
    background-color: #ffff;
    border-radius:15px;
    -webkit-border-radius:  15px;
  }
  ::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(144, 147, 153, 0.5);
    border-radius: 15px;
    -webkit-border-radius:  15px;
  }
  ::-webkit-scrollbar-thumb:horizontal {
    width: 7px;
    background-color: rgba(144, 147, 153, 0.5);
    border-radius:  15px;  
    -webkit-border-radius: 15px;
  }
  .pneleft{
    
    // overflow-y: auto;
    // max-height: calc(100% - 105px);
  }
  .h-c-75 {
    height: calc(100% - 70px);
  }